import Vue from 'vue'

// 引入 highlight.js 代码高亮工具
import hljs from "highlight.js";
// 使用样式，有多种样式可选
import "highlight.js/styles/github-dark.css";
// import 'highlight.js/styles/a11y-dark.css' // 导入代码高亮样式

// 增加自定义命令v-highlight
Vue.directive("highlight", function (el) {
    const blocks = el.querySelectorAll("pre code");
    blocks.forEach(block => {
        hljs.highlightBlock(block);
    });
});
// 增加组定义属性，用于在代码中预处理代码格式
Vue.prototype.$hljs = hljs;
